<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>环境保洁工作报告</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="./css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <style>
        .main{
            background-color: #ffffff;
            padding:15px;
        }
        .border-line {
            border: solid 0.5px #ddd;
        }

        .list-header {
            background-color: #e8e8e8;
            padding-left: 10px !important;
            border: solid 0.5px #ddd;
            height: 36px;
            line-height: 36px;
            color: #777;
            border-right: 0;
            border-bottom: 0;
            border-top: 0;
        }
            .list-header:first-child {
                border-left: 0;
            }
        .list-content {
            min-height: 50px;
            height: auto;
            display: flex;
            flex-wrap: wrap;
        }
            .list-content div {
                border: solid 0.5px #ddd;
                padding-top: 15px;
                border-left: 0;
                border-bottom: 0;
                float: unset;
                padding: 10px 10px 5px 10px;
            }
                .list-content div:last-child {
                    border-right: 0;
                }
        .border-top0{
            border-top: 0 !important    ;
        }

        .popup-title{
            padding: 20px 20px 10px 20px;
            text-align: center;
            border-bottom: solid 1px #f0f0f0;
            font-weight: 600;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="main">
            <div v-if="UserName" class="aui-margin-b-5">{{UserName}}，您好！</div>
            <div>您 <span v-on:click="onOpenDate()" class="text-blue" style="text-decoration: underline;">{{form.startMonth}}月</span> 份的环境保洁任务结果如下：</div>
            <div class="border-line aui-margin-t-10">
                <div v-for="(item,index) in list" class="aui-row list-content">
                    <div class="aui-col-xs-6 text-grey" v-bind:class="{'border-top0':index==0}" >{{item.Name}}
                    </div>
                    <div class="aui-col-xs-6" v-bind:class="{'border-top0':index==0}">{{item.count}}</div>
                </div>
               

            </div>
            <div class="border-line aui-margin-t-15">
                <div v-for="(item2,index2) in list2" class="aui-row list-content">
                    <div class="aui-col-xs-6 text-grey" v-bind:class="{'border-top0':index2==0}" >{{item2.Name}}</div>
                    <div class="aui-col-xs-6" v-bind:class="{'border-top0':index2==0}">{{item2.count}}</div>
                </div>
            </div>
            <div v-on:click="do_open_task()" class="text-blue aui-margin-t-10 aui-margin-b-15">查看任务列表 <i class="icon iconfont icon-xiangyoujiantou aui-font-size-14" style="vertical-align: text-bottom;"></i> </div>
     
            <!--工作报告-统计临时巡查记录-->
            <div class="aui-margin-b-5">临时工作记录</div>
            <div class="border-line aui-margin-t-10">
                <div v-for="(item3,index3) in list3" class="aui-row list-content">
                    <div class="aui-col-xs-6 text-grey" v-bind:class="{'border-top0':index3==0}" >{{item3.Name}}</div>
                    <div class="aui-col-xs-6" v-bind:class="{'border-top0':index3==0}">{{item3.count}}</div>
                </div>
            </div>
             <div v-on:click="do_open_task_time()" class="text-blue aui-margin-t-10">查看工作记录 <i class="icon iconfont icon-xiangyoujiantou aui-font-size-14" style="vertical-align: text-bottom;"></i> </div>
        </div>
         
        <!--底部弹出年月选择-->
        <van-popup v-model:show="IsShowDate" round position="bottom"  :style="{ height: '40%' }">
            <van-datetime-picker v-model="currentDate" type="year-month" title="选择月份" :min-date="minDate" :max-date="maxDate" @cancel="onCancel" @confirm="onConfirm" 
                :formatter="formatter" />
        </van-popup>

    </div>
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/aui-toast.js"></script>
    <script type="text/javascript" src="../script/config.js"></script>
    <script type="text/javascript" src="../script/common.js"></script>
    <script type="text/javascript" src="../script/vue.js"></script>
    <script type="text/javascript" src="../script/aui-popup.js"></script>
    <script type="text/javascript " src="../script/vant/vue.js"></script>
    <script type="text/javascript " src="../script/vant/vant.js"></script>
    <script type="text/javascript " src="../script/moment/moment.js"></script>
    <script type="text/javascript" src="js/bjlh_list_Record.js"></script>
</body>

</html>
